const commonStyle = `

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, 0.3);
}
::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, 0.1);
}

/* 垂直 Flex 布局 */
.flex-col {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
.flex-col > .flex-col-fixed {
    flex-shrink: 0;
}
.flex-col > .flex-col-auto {
    flex: 1;
    height: 100%;
    overflow: auto;
}

/* 水平 Flex 布局 */
.flex-row {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.flex-row > .flex-row-fixed {
    flex-shrink: 0;
}
.flex-row > .flex-row-auto {
    flex: 1;
    width: 100%;
    overflow: auto;
}

`;

export { commonStyle };
